Documentation by “on3-step"

---

“Plesire Interactive Travel Template”

---

Table of Contents

1. HTML Structure
2. CSS Files
3. Website Documentation
4. Contact Form

---

A) HTML structure - top

This template using Bootstrap & customazation code, All the information within main content is nested within a div with id- name "content-wrapper" for all file. If you need more information you can read Bootstrap documentation on this link

 

1. Sample html structure page website

<div id="content-wrapper"> <!-- website -->

<header class="init">
<div id="subnav"> <!-- subnavigation -->
 <div class="container">
   <div class="row">
   <!-- CONTENT SUB -->
  </div>
 </div> 
</div> 

<div class="navbar navbar-default navbar-fixed-top"> <!-- navigation-->
 <div class="container">
   <div class="row">
   <!-- CONTENT NAV -->
  </div>
 </div> 
</div> 

</header>

<section  id="home"> <!-- content home -->
<div class="container">
<div class="row">
<div class="overlay-main">
  <!-- CONTENT HERE -->
</div>
</div>
</div>
</div> 
</section>
<!-- content home end -->

<!-- content  page -->
<section  id="about">
<div class="container">
   <div class="row">
   <!-- CONTENT HERE -->
   </div>
</div> 
</section>
<!-- content  page end -->
</div> <!-- website end -->

---

B) CSS Files - top

These are css files used in this template:

1. bootstrap.min.css - css by Twitter boostrap
2. animated-on3step.css - used for element animation all of page
3. on3step-style.css - main css files (you can edit color, font, etc from this css)
4. queries-on3step.css - used for responsive style

You can change almost all styles from on3step-style.css file.

/* CSS Document */


/* 
*
*
[Table of contents]
*
*
*

	font-plesire / @import url
	general / body
	space / .space-single
	margin / .m-40-left
	button / button
	section / section
	no select / .noselect
	wrapper / .content-wrapper
	whitepage / .whitepage
	preloader / .preloader
	sub navigation / .subnav
	navigation / header
	subheader / #subheader
	home / #home
	background img / .mainbg
	about / #about-us-1
	feature / .features
	choose / .box-icon
	gallery home / .gal-home
	testimony / #owl-testimonial
	tag-country / #tag-country
	goldpage / .goldpage
	team / #owl-team
	service / .services img
	Our Works / .projects-grid
	projects detail / #projectsBig .item 
	footer / footer.main
	totop / #totop
	Blog / .blog-simple .blog-text
	Blog comment / #blog-comment
	map / #map-1 
	contact / .wrapaddres
	totop / #totop
	Magnific Popup CSS / .mfp-bg
	Owl Carousel / .owl-prev 
	pagination owl / #owl-testimonial .owl-dots
	404 / .not-found
	scroll onStep / .onStep
	
*
*
*/

---

C) Website Documentation - top

/*
Jquery on3step.js

/* you can add and use animation in all element inside (not include popup ajax) example below */

 class="onStep" add class onStep in every element tag for animation triger 
 data-animation="fadeInUp" add class animation here from animated-on3step.css
 data-time=0 is delay of element animation 

*/

E) Contact Form - top

open send.php file change your email here:

    $email_to = "desmonlatandos@gmail.com"; // change with your email
    $name     = $_POST['name'];  
    $email    = $_POST['email'];
    $subject   = $_POST['subject'];
    $message    = $_POST['message'];
    
    $headers  = "From: $email\r\n";
    $headers .= "Reply-To: $email\r\n";
    
    if(mail($email_to, $subject, $message, $headers)){
    echo "success";       
    } 
    else{
    echo "failed";     
    }  

---

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the template you might consider visiting the forums and asking your question in the "Item Discussion" section.

on3-step

Go To Table of Contents

---